<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>电视剧详情列表</title>
		<link rel="icon" href="img2/favicon.ico" />
		<style>
			*{margin: 0px;padding: 0px;}
			.box{width: 340px;
			margin: 20px auto;}
			body,h3{font-size: 12px;
			color: #666;}
			h3{line-height: 27px;height: 27px;padding-left: 38px;
			background: url(image/1.gif) no-repeat 12px center;
			border: 1px solid #ccc;}
			.clearfix:after{
				display: table;
				content: "";
				clear: both;
			}
			.box4{
				width: 340px;
				margin: 10px auto;
			
			}
			.box1{
				float: left;
				box-sizing: border-box;
			}
		    .box1 img{border: 1px solid #CCCCCC;padding: 3px;}
			.box2{
				float:right;
				
				width: 200px;
				line-height: 28px;
				}
			.box3{width: 340px;
			
				margin: 10px auto;
				
			
			}
			ul{line-height: 26px;
			list-style: none;}
			a{color: #666;text-decoration: none;}
			span{float: right;}
			a:hover{color:darkred;}
			li a{float: left;}
			
		

		</style>
	</head>
	<body>
		<div class="box clearfix">
			<h3>明星荐片</h3>
		</div>
		<div class="box4 clearfix">
			<div class="box1"><img src="img2/3.gif" /></div>
			<div class="box2 clearfix">
				<h4>周秀娜荐片:让子弹飞</h4>
				<p>导演：姜文</p>
				<p>主演：姜文 周润发 葛优</p>
			    <p>点评：我最喜欢的要算《让子弹飞》了,超喜欢...[<a href="#">详情</a>]</p>
			</div>
		</div>
	    <div class="box3 clearfix">
			<ul>
				<li><a href="#">《巴别塔》：好的故事引人深思</a><span>阿朵</span></li>
				<li><a href="#">《洛杉矶之战》：外星人那么弱智？</a><span>丁子俊</span></li>
				<li><a href="#">《让子弹飞》：武侠里也可以有爱情</a><span>周秀娜</span></li>
				<li><a href="#">《剑雨》：好的故事引人深思</a><span>叶年生</span></li>
				<li><a href="#">《春风沉醉的夜晚》：非常真实</a><span>如小果</span></li>
				<li><a href="#">《克洛伊》：故事简单却细致</a><span>刘若英</span></li>
			</ul>	
		</div>
	</body>
</html>
